﻿@{
    ViewBag.Title = "Home Page";
    ViewBag.Location = "Home";
    ViewBag.Empty = "1";
    
    IList<HandmadeShop.Application.Models.DisplayProductModel> listNew = ViewBag.NewProducts;
    IList<HandmadeShop.Application.Models.DisplayProductModel> listHot = ViewBag.HotProducts;

    if (listHot.Count > 0 && listNew.Count > 0)
    {
        ViewBag.Empty = "0";    
    }
}

@section header {
    <script src="@Url.Content("~/Scripts/autoNumeric.js")" type="text/javascript"></script>
}

@if(ViewBag.Empty == "0") {
    @section featured {
        <div id="panel-banner">
            <div class="content-wrapper">
                <div class="welcome">
                    <h1>Chào mừng bạn đến với MeoMap shop</h1>   
                    <h3>Những mặt hàng thủ công đẹp và tinh xảo khiến bạn không cưỡng lại được</h3>
                </div>
                <div class="link">
                    <div id="ref-ex-register">Tham gia với chúng tôi</div>
                </div>
            </div>
        </div>
    }
    
    <div id="shop-shorcut">
        <section class="content-wrapper">
            <div id="shop-type">
                <div class="type-anchor">
                    <h1>Nguyên liệu Handmade</h1>
                </div>
                <div class="type-popup">
                    <ol>
                        <li><a href="#">Dụng cụ Handmade</a></li>
                        <li><a href="#">Vải hoa - Vải Vintage</a></li>
                        <li><a href="#">Vải nỉ - Vải dạ</a></li>
                        <li><a href="#">Đất sét</a></li>
                        <li><a href="#">Dây da - dây cối</a></li>
                        <li><a href="#">Len</a></li>
                        <li><a href="#">Giấy (Quilling - Osugami)</a></li>
                        <li><a href="#">Nguyên liệu làm mỹ phẩm</a></li>
                        <li><a href="#">Khác</a></li>
                    </ol>
                </div>
            </div>
            <div id="shop-search"></div>
        </section>
    </div>
    @*if (ViewBag.Empty == "0")
    {
        @Html.Partial("_Menu")            
    }*@
    <section class="content-wrapper main-content clear-fix">

        <div id="new" class="group">            
            <div class="group-title clear-fix">
                <div class="float-left deco">
                    <span class="icon icon-send"></span>
                </div>
                <div class="float-left">
                    <span class="title">Hàng mới về</span>
                    <span class="more-info">Đợt cập nhật lần thứ 2 với các sản phẩm nổi bật và độc đáo: đồng hồ quả lắc, túi khăn choàng</span>
                </div>
            </div>

            <div class="grid clear-fix">
                @{
                foreach (var item in listNew)
                {
                        <div class="item">
                            <a href="#">     
                                <div class="image">
                                    <img src="@Url.Content("~/Images/Products/" + @item.Code + "/" + @item.Image1)" alt="@item.Image1"/>
                                </div>           
                                <div class="item-group-1 clear-fix">
                                    <span class="price"><span class="currency" data-a-sep = "." data-a-dec = ",">@item.Price</span> đ</span>
                                </div>
                                <div class="item-group-2 clear-fix">
                                    <span class="name">@item.Name</span>
                                </div>                
                            </a>
                        </div>
                }
                }
                
            </div>
        </div>
    </section>
    <section class="content-wrapper main-content clear-fix">
        <div id="hot" class="group">
            <div class="group-title clear-fix">
                <div class="float-left deco">
                    <span class="icon icon-love"></span>
                </div>
                <div class="float-left">
                    <span class="title">Hàng bán chạy</span>
                    <span class="more-info">Tháng sản phẩm bán chạy từ 1/1/2014 đến 15/2/2014</span>
                </div>
            </div>

            <div class="grid clear-fix">
                @{            
                foreach (var item in listHot)
                {
                        <div class="item">
                            <a href="#">    
                                <div class="image">
                                    <img src="@Url.Content("~/Images/Products/" + @item.Code + "/" + @item.Image1)" alt="@item.Image1"/>
                                </div>             
                                <div class="item-group-1 clear-fix">
                                    <span class="price"><span class="currency" data-a-sep = "." data-a-dec = ",">@item.Price</span> đ</span>
                                </div>
                                <div class="item-group-2 clear-fix">
                                    <span class="name">@item.Name</span>
                                </div>                
                            </a>
                        </div>
                }
                }        
            </div>
        </div>
    </section>
}
else
{
    <section class="content-wrapper main-content clear-fix">
        <div class="content-empty">
            <span>Dữ liệu hiện tại trống. <a href="/Product/Create">Nhập</a> sản phẩm</span>
        </div>
    </section>
}

@section scripts {
    <script type="text/javascript">
        $(function () {
            $('.currency').autoNumeric('init');
        });
    </script>
}